.v-message {
  position: fixed;
  z-index: 99999;
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
}

.v-message .v-message-main {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  transition: box-shadow cubic-bezier(.15,.61,.24,-0.39) .5s;
  min-width: 220px;
  border: 1px solid transparent;
}

.v-message .v-message-main .v-message-content {
  display: inline-block;
  margin-left: 5px;
}

.v-message .v-message-count {
  float: right;
  margin-left: 10px;
  font-weight: 600;
  user-select: none;
}

/* icon样式 */
.v-message .el-icon-success {
  color: #67c23a;
}

.v-message .el-icon-warning {
  color: #e6a23c;
}

.v-message .el-icon-info {
  color: #909399;
}

.v-message .el-icon-error {
  color: #f56c6c;
}

/* main样式 */
.v-message .v-message-main-success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67C23A;
}

.v-message .v-message-main-warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #E6A23C;
}

.v-message .v-message-main-info {
  border-color: #EBEEF5;
  background-color: #edf2fc;
  color: #909399;
}

.v-message .v-message-main-error {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #F56C6C;
}

/* 过渡效果 */
.v-message-enter,
.v-message-leave-to {
  opacity: 0;
  transform: translate3d(0, -60px, 0);
}

.v-message-enter-active,
.v-message-leave-active {
  transition: all .5s;
}

/* v-message-main-border */
.v-message .v-message-main-border {
  border: 1px solid #fff;
  /* box-shadow: 0 1px 6px rgba(0, 0, 0, .9); */
  /* transition: box-shadow cubic-bezier(.15,.61,.24,-0.39) 1s; */
}

.float-right {
  float: right;
  margin-top: 2px;
}